<h2>linechart.js</h2>
<p>Library for drawing Line charts, using SVG.</p>
<hr/>

<h3>Objects</h3>
<ul>
	<li><a href="#linechart">OAT.LineChart(div, optObj)</a></li>
</ul>

<h3>Methods</h3>
<ul>
	<li><a href="#attachdata">OAT.LineChart::attachData(dataArray)</a></li>
	<li><a href="#attachtextx">OAT.LineChart::attachTextX(textArray)</a></li>
	<li><a href="#attachtexty">OAT.LineChart::attachTextY(textArray)</a></li>
	<li><a href="#draw">OAT.LineChart::draw()</a></li>
</ul>

<h3>Constants</h3>
<ul>
	<li>OAT.LineChartMarker.MARKER_CIRCLE</li>
	<li>OAT.LineChartMarker.MARKER_TRIANGLE</li>
	<li>OAT.LineChartMarker.MARKER_CROS</li>
	<li>OAT.LineChartMarker.MARKER_SQUARE</li>
</ul>

<hr/>

<h3><a name="linechart">OAT.LineChart(div, optObj)</a></h3>
<p>Creates a Line Chart inside <em>div</em>, <em>optObj</em> describes its properties. Its values:</p>
<ul>
	<li>paddingLeft, paddingBottom, paddingTop, paddingRight</li>
	<li>axes - bool, should axes be drawn?</li>
	<li>legend - bool, should legend be drawn?</li>
	<li>markerSize - int</li>
	<li>colors - array of strings; one color per each dataset</li>
	<li>grid - bool, should we draw horizontal lines?</li>
	<li>gridDesc - bool; should we draw labels for horizontal lines?</li>
	<li>gridNum - int; approximate count of horizontal lines</li>
	<li>desc - bool; should we draw X labels</li>
	<li>markers - array of marker constants</li>
	<li>gridColor - string</li>
	<li>fontSize - int</li>
</ul>

<h3><a name="attachdata">OAT.LineChart::attachData(dataArray)</a></h3>
<p>Adds data to chart. <em>dataArray</em> may be an array of arrays; in this case, each sub-array is treated as one dataset.</p>

<h3><a name="attachtextx">OAT.LineChart::attachTextX(textArray)</a></h3>
<p>Adds X axis labels.</p>

<h3><a name="attachtexty">OAT.LineChart::attachTextY(textArray)</a></h3>
<p>Adds legend labels.</p>


<h3><a name="draw">OAT.LineChart::draw()</a></h3>
<p>Draws the chart.</p>

<pre class="code">
var data = [ [1,2,4,3], [4,3,2,1], [2,1,3,4], [3,4,1,2]];
var lc = new OAT.LineChart("myDiv",{markerSize:6});
lc.attachData(data);
lc.attachTextX(["a","b","c","d"]);
lc.attachTextY(["red","blue","green","yellow"]);
lc.draw();
</pre>
